<!--<style>
	.page-container .main-content{
		background: #fff;
	}
</style>-->

	<!-- Responsive Table -->
	<div class="row" style="margin-top:10px">
		<div class="col-md-12">

	<div cg-busy="{promise:myPromise,templateUrl:templateUrl,message:op+' service'}">
		<form role="form" id="rootwizard" class="form-wizard validate" name="form">

	<ul class="tabs clearflx col-lg-6 col-md-7 col-xs-8" ng-class="op=='update'?'infoUpdate':''">
		<li ng-class="getCurrentStep()==1?'active '+tabcls:''+tabcls">
			<div class="circleNum">1</div>
			<a ng-click="setCurrentStep(0)" data-toggle="tab" >
					选择镜像<!--  <i class="fa-info-circle"  data-toggle="tooltip" data-placement="top" title="选择镜像" tooltip></i>-->
			</a>
		</li>
		<li ng-class="getCurrentStep()==2?'active '+licls:''+licls" >
			<div class="circleNum">2</div>
			<a  ng-click="setCurrentStep(1)" data-toggle="tab">
				{{modal.steps[1].title}}
			</a>
		</li>
		<li ng-class="getCurrentStep()==3?'active '+licls:''+licls" >
			<div class="circleNum">3</div>
			<a  ng-click="setCurrentStep(2)" data-toggle="tab">
				{{modal.steps[2].title}}
			</a>
		</li>

	</ul>

	<div class="progress-indicator">
		<span></span>
	</div>

	<div class="tab-content no-margin">

			<div ng-switch="getCurrentStep()" >
				<div ng-switch-when="1" style="width: 100%;">
					<ng-include src="'template/cp/selectImageTab.html'"></ng-include>
				</div>
				<div ng-switch-when="2" style="width: 100%;">
					<ng-include src="'template/cp/configFileSetCreateInfoTab.html'" ng-controller="ConfigFileSetCreateController" ></ng-include>

					<!--configFileSetCreateInfoThree.html  第三页-->

					<!--<ng-include ng-show="op=='update'" src="'template/cp/serviceCreateInfoTab.html'" ng-controller="ServiceUpdateController" ></ng-include>-->
				</div>
				<div ng-switch-when="3" style="width: 100%;">
					<ng-include src="'template/cp/configFileSetCreateInfoThree.html'" ng-controller="ConfigFileSetCreateController" ></ng-include>

				</div>
			</div>



		<!-- Tabs Pager -->
		<div ng-switch="getCurrentStep()">
			<div ng-switch-when="1" >
			</div>
			<div ng-switch-when="2" style="width:100%;">
				<ul class="pager wizard" >
					<li class="previous">
						<a  ng-click="handlePrevious()" ><i class="fa-angle-double-left"></i> 上一步</a>
					</li>

					<li class="next">
						<a  ng-click="handleNext()">{{getNextLabel()}} <i class="fa-angle-double-right"></i></a>
					</li>
				</ul>

			</div>
			<div ng-switch-when="3" style="width:100%;">
				<ul class="pager wizard" >
					<li class="previous">
						<a  ng-click="handlePrevious()" ><i class="fa-angle-double-left"></i> 上一步</a>
					</li>

					<li class="next">
						<a  ng-click="handleNext()">{{getNextLabel()}} <i class="fa-angle-double-right"></i></a>
					</li>
				</ul>

			</div>
		</div>



	</div>

</form>
	</div>










		</div>
	</div>
